﻿<!DOCTYPE html>
<html id="root">
    <head>
        <title>测试项目</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,user-scalable=no" />
        <link href="css/reset.css" rel="stylesheet" />
        <link href="css/layout.css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
    </head>

    <body>
        <!--消息-->
        <section id="xiaoxi">
            <header>
                <a href="#" class="left"></a>
                <h1>消息</h1>
            </header>
            <article>
                <div class="search"><a href="#search"><img src="img/search.png" alt=""></a></div>
                <ul>
                    <li>
                        <a href="#" title>
                            <h1>公告</h1>
                            <p>重要通知不容错过</p>
                        </a>
                        <span shijian>19:30</span>
                        <h2><b>3</b></h2>
                    </li>
                    <li>
                        <a href="#" title>
                            <h1>动态</h1>
                            <p>消息都在这里</p>
                        </a>
                        <span shijian>17:30</span>
                        <h2><b>1</b></h2>
                    </li>
                    <li>
                        <a href="#" title>
                            <h1>任务</h1>
                            <p>任务协同提升效率</p>
                        </a>
                        <span shijian>17:30</span>
                        <h2><b></b></h2>
                    </li>
                    <li>
                        <a href="#" title>
                            <h1>问题反馈群</h1>
                            <p>王于浩，没事接口改了</p>
                        </a>
                        <span shijian>19:30</span>
                        <h2><b>3</b></h2>
                    </li>
                    <li>
                        <a href="#" title>
                            <h1>张三</h1>
                            <p>稍等，正在找问题</p>
                        </a>
                        <span shijian>17:30</span>
                        <h2><b>1</b></h2>
                    </li>
                    <li>
                        <a href="#" title>
                            <h1>研发部开会</h1>
                            <p>下午三点到会议室开会</p>
                        </a>
                        <span shijian>17:30</span>
                        <h2><b></b></h2>
                    </li>
                </ul>
            </article>
        </section>
<!--通讯录-->
        <section id="tongxunlu">
            <header>
                <a href="#" class="left"></a>
                <h1>通讯录</h1>
            </header>
            <article>
                <div class="search"><a href="#search"><img src="img/search.png" alt=""></a></div>
                <span class="zzjg active" id="zzjg">组织架构</span>
                <span class="zzjg" id="qz">群组</span>
                <ul id="zuzhijiagou">
                    <li class="shouqi">
                        <div>
                            <h1>投资并购部</h1><span>29/150</span>
                        </div>
                        <ol>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                        </ol>
                    </li>
                    <li class="shouqi">
                        <div>
                            <h1>运营管理</h1><span>0/15</span>
                        </div>
                        <ol>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                        </ol>
                    </li>
                    <li class="shouqi">
                        <div>
                            <h1>财务中心</h1><span>0/3</span>
                        </div>
                        <ol>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                        </ol>
                    </li>
                    <li class="shouqi"> 
                        <div>
                            <h1>项目部</h1><span>0/20</span>
                        </div>
                        <ol>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                        </ol>
                    </li>
                    <li class="shouqi">
                        <div>
                            <h1>销售部</h1><span>0/20</span>
                        </div>
                        <ol>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                        </ol>
                    </li>
                    <li class="shouqi">
                        <div>
                            <h1>人事部</h1><span>0/20</span>
                        </div>
                        <ol>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                            <li>
                                <img src="img/tongxunlu/touxiang.jpg" alt=""/>
                                <h2>王二小</h2><p>13654696982</p>
                                <a></a><a></a>
                            </li>
                        </ol>
                    </li>
                </ul>
                <ul id="qunzu"></ul>
            </article>
        </section>
<!--工作台-->
        <section id="gongzuotai">
            <header>
                <a href="#" class="left"></a>
                <h1 title>工作台</h1>
            </header>
            <article >
                <ul>
                    <li><a><img src="img/gongzuotai/gongzuotai1.png" alt=""/><span>业务系统</span></a></li>
                    <li><a><img src="img/gongzuotai/gongzuotai2.png" alt=""/><span>考勤系统</span></a></li>
                    <li><a><img src="img/gongzuotai/gongzuotai3.png" alt=""/><span>人力资源</span></a></li>
                    <li><a><img src="img/gongzuotai/gongzuotai4.png" alt=""/><span>评级系统</span></a></li>
                    <li><a><img src="img/gongzuotai/gongzuotai5.png" alt=""/><span>研究系统</span></a></li>
                    <li><a><img src="img/gongzuotai/gongzuotai6.png" alt=""/><span>信用系统</span></a></li>
                    <li><a><img src="img/gongzuotai/gongzuotai7.png" alt=""/><span>债券系统</span></a></li>
                    <li><a><img src="img/gongzuotai/gongzuotai8.png" alt=""/><span>报表统计</span></a></li>
                    <li><a><img src="img/gongzuotai/more.png" alt=""/><span>更多</span></a></li>
                </ul>
            </article>
        </section>
<!--我的-->
        <section id="myapp">
            <header>
                <a href="#" class="left"></a>
                <h1>我的</h1>
            </header>
            <article>
                <div></div>
                <img src="img/myapp/touxiang.png" alt=""/> 
                <h2>王颖</h2>
                <h3>科技有限公司</h3>
                <ul>
                    <li>个人信息<span></span></li>
                    <li>我的提醒</li>
                    <li>系统通知</li>
                    <li>统计</li>
                    <li>设置</li>
                </ul>
            </article>
        </section>
   <!--搜索-->  
<section id="search">
            <header>
                <a href="#" class="left"></a>
                <h1>搜索</h1>
                <span></span>
                <ul></ul>
            </header>
    <article>
        <form>
            <input type="text" name="search" placeholder="请输入姓名、部门">
        </form>
    </article>
        </section>
<!--用户登录-->
        <section id="loginpage">
            <header>
                <a href="#" class="left"></a>
                <h1>用户登陆</h1>
            </header>
            <article></article>
        </section>        
        
        <footer>
            <a href="#xiaoxi" class="active">
                消息
            </a>
            <a href="#tongxunlu">
                通讯录
            </a>
            <a href="#gongzuotai">
                工作台
            </a>
            <a href="#myapp"><!--islogin="#mypage"-->
                我的
            </a>
<!--            <a href="#search">
                搜索
            </a>-->
        </footer>
        <!--引导页-->
        <section id="guidepage" class="nofooter noheader fullscreen">
            <ul class="pageslide" pageslide>
                <li>
                    <img src="img/yindao/01.jpg" />
                </li><li>
                    <img src="img/yindao/02.jpg" />
                </li><li>
                    <img src="img/yindao/03.jpg" />
                </li><li>
                    <img src="img/yindao/04.jpg" />
                </li><li>
                    <img src="img/yindao/05.jpg" />
                </li><li>
                </li>
            </ul>
        </section>

        <div id="masklayer">
            </div>

        <!--<div id="loadbox" class="loadbox text"><span>正在加载</span></div>-->

        <!--左侧边栏-->
        <div id="leftslide">
        </div>
        <div id="dateselectbox" class="slideselect">
            <p>选择日期<button type="button" class="right">确定</button></p>
            <table>
                <tbody>
                    <tr>
                        <td>
                            <div selectyear="selectyear" selectslide="0">
                                <ul></ul>
                                <ul class="selectmask">
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                        </td>
                        <td>
                            <div selectmonth="selectmonth" selectslide="0">
                                <ul></ul>
                                <ul class="selectmask">
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                        </td>
                        <td>
                            <div selectday="selectday" selectslide="0">
                                <ul></ul>
                                <ul class="selectmask">
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <script src="data/dictdata.js"></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/md5.min.js"></script>
        <script src="js/rsseasy.min.js"></script>
        <script src="js/rsseasy.map.js" type="text/javascript"></script>
        <script src="js/validated.min.js"></script>
        <script src="js/webviewadapter.min.js"></script>
        <script src="js/rsseasy.app.js"></script>
        <script src="js/validated.app.js"></script>
        <script src="js/appconfig.js"></script>
        <script src="js/index.js"></script>
    </body>

</html>